*{
    padding: 0;
    margin: 0;
}
body{
   
    background-color: antiquewhite;
}
.todo_app{
    width: 94%;
    height: 500px;
    background-color: #ffff;
    border-radius:5px ;
    margin-top: 40px;
    margin-left:3% ;
    padding: 30px;
    box-sizing: border-box;
    
}
.heading{
font-size: 30px;
font-weight: 700;
text-align: center;
}
.todoform{
    display:flex;
    margin-top:20px ;
    margin-left: 20px;
}

.todoinput{
border: 1px solid #dfe1e5;
outline: none;
width: 60%;
height: 50px;
border-radius:20px 0 0 20px ;
padding-left: 15px;
}
.todo_button{
    background-color: antiquewhite;
    border-radius: 0 20px 20px 0;
    text-align: center;
    width: 15%;
    height: 52px;
    color:rgb(48, 48, 45);
    line-height: 50px;
    cursor: pointer;
    user-select: none;
}
.item{
    display: flex;
    width: 70%;
    height: 50px;
    box-shadow: rgba(149, 157, 165, 0.2);
    border: 1px solid #d2caca;
    border-radius: 20px;
    margin-left: 20px;
    margin-top: 20px;
    box-shadow: #c0bdbd 0px 8px 10px;
    padding-left: 2%;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-right: 2%;
    
}
.del{
    color: red;
}
.completed{
    text-decoration: line-through;
    opacity: 0.3;
}



